<!DOCTYPE html>
<html lang="">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>SolのWorld</title>
    <link rel="shortcut icon" href="source/favicon.ico">
    <link rel="stylesheet" href="style/index.css">
    <link rel="stylesheet" href="style/bulma.min.css">
    <link rel="stylesheet" href="style/fontawesome/fontawesome.min.css">
    <link rel="stylesheet" href="style/fontawesome/solid.min.css">
    <link rel="stylesheet" href="style/fontawesome/brands.min.css">
    <link rel="stylesheet" href="https://unpkg.com/aplayer/dist/APlayer.min.css">
    <script src="https://unpkg.com/aplayer/dist/APlayer.min.js"></script>
    <script src="https://unpkg.com/meting/dist/Meting.min.js"></script>
</head>
<body id="body">
<script src="source/index.js"></script>
<div id="background">
    <img id="backgroundImg" src="source/default.png" alt="">
</div>
<section class="hero is-fullheight">
    <div class="hero-head">
        <nav class="navbar has-blur is-spaced" role="navigation" aria-label="main navigation">
            <div class="container">
                <div class="navbar-brand">
                    <div class="navbar-item">
                        <figure class="image is-1by1" style="width: 24px;">
                            <img class="is-rounded" src="source/avatar.png" alt="">
                        </figure>
                    </div>
                    <a role="button" class="navbar-burger" aria-label="menu" aria-expanded="false"
                       data-target="navMenu">
                        <span aria-hidden="true"></span>
                        <span aria-hidden="true"></span>
                        <span aria-hidden="true"></span>
                    </a>
                </div>

                <div id="navMenu" class="navbar-menu">
                    <div class="navbar-start">
                        <a class="navbar-item" href="#">主页</a>
                        <div class="navbar-item has-dropdown is-hoverable">
                            <a class="navbar-link is-arrowless">百宝箱</a>
                            <div class="navbar-dropdown">
                                <a class="navbar-item" href="https://home.solmp.xyz" target="_blank">
                                    <span class="icon-text">
                                        <i class="fa-solid fa-house"></i>
                                    </span>
                                <span class="ml-3">ATWebStack</span>
                                <a class="navbar-item" href="https://idx.solmp.xyz" target="_blank">
                                        <span class="icon-text">
                                            <i class="fa-solid fa-inbox"></i>
                                        </span>
                                    <span class="ml-3">知识库</span>
                                </a>
                                <a class="navbar-item" href="https://dl.solmp.xyz" target="_blank">
                                        <span class="icon-text">
                                            <i class="fa-solid fa-cloud"></i>
                                        </span>
                                    <span class="ml-3">云盘</span>
                                </a>
                                <a class="navbar-item" href="https://qb.solmp.xyz" target="_blank">
                                        <span class="icon-text">
                                            <i class="fa-solid fa-download"></i>
                                        </span>
                                    <span class="ml-3">qBittorrent</span>
                                </a>
                            </a>
                            </div>
                        </div>
                        <div class="navbar-item has-dropdown is-hoverable">
                            <a class="navbar-link is-arrowless">社交</a>
                            <div class="navbar-dropdown">
                                <a class="navbar-item" href="https://twitter.com/solmp_" target="_blank">
                                        <span class="icon-text">
                                            <i class="fa-brands fa-twitter"></i>
                                        </span>
                                    <span class="ml-2">推特</span>
                                </a>
                                <a class="navbar-item" href="https://t.me/lltaasx" target="_blank">
                                        <span class="icon-text">
                                            <i class="fa-brands fa-telegram"></i>
                                        </span>
                                    <span class="ml-2">电报</span>
                                </a>
                                <hr class="navbar-divider">
                                <a class="navbar-item" href="mailto:solmp163@163.com" target="_blank">
                                        <span class="icon-text">
                                            <i class="fa-solid fa-envelope"></i>
                                        </span>
                                    <span class="ml-2">邮件</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </nav>
    </div>
    <div class="hero-body">
        <div class="container" id="content">
            <div class="content has-text-centered mainText">
                <p class="is-size-3">SolのWorld</p>
                <p class="is-size-6">沧海为水 一树菩提</p>
            </div>
            <div class="btn-container">
                <a href="https://blog.solmp.xyz/" target="_blank">
                    <button class="button is-rounded has-blur mr-5">
                        <span class="icon"><i class="fa-solid fa-blog"></i></span>
                        <span>博客</span>
                    </button>
                </a>
                <a href="https://github.com/solmp/" target="_blank">
                    <button class="button is-rounded has-blur ml-5">
                        <span class="icon"><i class="fa-brands fa-github"></i></span>
                        <span>GitHub</span>
                    </button>
                </a>
            </div>
        </div>
    </div>
    <div class="hero-foot">
        <meting-js
             server="netease" type="playlist" id="7574437002" order="random"
             fixed="true" list-folded="true" heme="#F58EA8" >
         </meting-js>
        <footer class="footer has-blur">
            <div class="container">
                <div class="content has-text-centered has-text-right-desktop">
                    <p class="is-size-7-mobile">
                        © 2022-2023 | Powered by <a href="https://bulma.io/" target="_blank"><strong>Bulma</strong></a>
                    </p>
                </div>
            </div>
        </footer>
    </div>
</section>
</body>
</html>